<div class="row footer" ng-controller="FooterController" ng-switch="gblFooterType">
    <!--
    <div class="col-xs-2">
        <div class="menu-back hidden"><a ng-click="back()"><i class="fa fa-chevron-left"></i></a></div>
    </div>
    -->
    <!--微社区底部-->
    <div class="col-xs-12 footer-container" ng-switch-when="sns">
        <div ng-if="!isSharing">
            <div class="btn-create" ng-if="hasMyForum">
                <a ng-click="myClub()">
                    我的微社区
                    <sup ng-if="unreadMsgCnt" class="unread-msg">{{unreadMsgCnt}}</sup>
                </a>
            </div>
            <div class="btn-create" ng-if="canCreateTopic"><a ng-click="createTopic()" style="color: #f85c00"><i class="fa fa-pencil-square-o" style="color: #f85c00"></i> 发话题</a></div>
            <div class="btn-create" ng-if="canCreateReply"><a ng-click="createReply()" style="color: #f85c00"><i class="fa fa-twitch" style="color: #f85c00"></i> 回复</a></div>
        </div>
        <div ng-if="isSharing">
            打开云车生活客户端查看更多跟贴
        </div>
    </div>
    <!--快速交通处理详情footer-->
    <div class="footer-container" ng-switch-when="accident_detail">
        <div class="col-xs-3 text-left">
            <img src="img/prevPage.png" ng-click="prev()" ng-show="showPrevButton" />
        </div>
        <div class="col-xs-6 text-center" style="color: #000000">
            <h4>{{curLength+'/'+totalLength}}</h4>
        </div>
        <div class="col-xs-3 text-right">
            <img src="img/nextPage.png" ng-click="next()" ng-show="showNextButton" />
        </div>
    </div>
    <!--award:文明交通footer-->
    <div class="footer-container" ng-switch-when="award" ng-click="goforum()">
        <div class="col-xs-11" style="color:#38a4e9; padding-right:0px; font-size:14px; background-color:#e6e6e6">
            到微社区-“文明交通我参与”查中奖赚积分
        </div>
        <div class="col-xs-1 text-right" style="padding-left:0px; background-color:#e6e6e6">
            <img src="img/go-forward.png" />
        </div>
    </div>
    <!--award_question:文明交通答题footer-->
    <div class="footer-container" ng-switch-when="award_question" style="vertical-align: middle">
        <hr class="row" />
        <div class="col-xs-3 text-left">
            <img src="img/prev.png" ng-click="prev()" ng-show="showPrevButton" />
        </div>
        <div class="col-xs-6 text-center" style="color:black">
            <h4>{{currentIndex}}</h4>
        </div>
        <div class="col-xs-3 text-right">
            <img src="img/next.png" ng-click="next()" ng-show="showNextButton" />
            <!--<a class="btn btn-warning" ng-show="showFinishButton" ng-click="finish()">完成</a>-->
            <img src="img/complete.png" ng-show="showFinishButton" ng-click="finish()">
        </div>
    </div>
    <!--treasury_question:驾考宝典答题footer-->
    <div class="footer-container" ng-switch-when="treasury_question" style="vertical-align: middle">
        <hr class="row" />
        <div class="col-xs-3 text-left">
            <img src="img/prev.png" ng-click="prev()" ng-show="showPrevButton" />
        </div>
        <div class="col-xs-6 text-center" style="color:black">
            <h4>{{currentIndex}}</h4>
        </div>
        <div class="col-xs-3 text-right">
            <img src="img/next.png" ng-click="next()" ng-show="showNextButton" />
        </div>
    </div>
</div>